<!DOCTYPE html>
<html lang="zh-CN">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <!-- 修改了代码 -->
    <!--我修改了你bug-->
    <div class="box w">
        <div class="box-hd">
            <h3>精品推荐</h3>
            <a href="#">查看全部</a>
        </div>
        <div class="box-bd">
            <ul class="clearfix">
                <script>
                // 准备数据
                let data = [
                {
                    src: 'images/course01.png',
                    title: 'Think PHP 5.0 博客系统实战项目演练',
                    num: 1125
                },
                {
                    src: 'images/course02.png',
                    title: 'Android 网络动态图片加载实战',
                    num: 357
                },
                {
                    src: 'images/course03.png',
                    title: 'Angular2大前端商城实战项目演练',
                    num: 22250
                },
                {
                    src: 'images/course04.png',
                    title: 'AndroidAPP实战项目演练',
                    num: 389
                },
                {
                    src: 'images/course05.png',
                    title: 'UGUI源码深度分析案例',
                    num: 124
                },
                {
                    src: 'images/course06.png',
                    title: 'Kami2首页界面切换效果实战演练',
                    num: 432
                },
                {
                    src: 'images/course07.png',
                    title: 'UNITY 从入门到精通实战案例',
                    num: 888
                },
                {
                    src: 'images/course08.png',
                    title: 'Cocos 深度学习你不会错过的实战',
                    num: 590
                },
                {
                    src: 'images/course04.png',
                    title: '自动添加的模块',
                    num: 1000
                }
                ]

                // 3
                for (let i = 0; i < data.length; i++) {
                document.write(`
                <li>
                    <a href="#">
                        <img src="${data[i].src}" alt="">
                        <h4>
                        ${data[i].title}
                        </h4>
                        <div class="info">
                        <span>高级</span> • <span>${data[i].num}人在学习</span>    
                        </div>
                    </a>
                    </li>
                `)
                }


                </script>
            </ul>
        </div>
    </div>
</body>

</html>